<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />

<meta name="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1">
<link rel="stylesheet" type="text/css" media="screen" href="/css/screen.css" />
<link rel="stylesheet" href="/css/jquery.mobile-1.0.min.css" />
<link rel="stylesheet" type="text/css" href="/css/jquery.mobile.datebox.min.css" /> 

<script src="/js/jquery-1.6.4.min.js"></script>
<script src="/js/jquery.mobile-1.0.min.js"></script>
<script type="text/javascript" src="/js/jquery.mobile.datebox.min.js"></script>

<script type="text/javascript" src="/js/jquery.validate.js"></script>


	<script type="text/javascript">
		
	$(function() {
		// highlight
		//获得input项,除提交按钮,jquert的强大选择器
		var elements = $("input[type!='submit'], textarea, select");
		//选中高亮
		elements.focus(function(){
			$(this).parents('li').addClass('highlight');
		});
		//移除高亮
		elements.blur(function(){
			$(this).parents('li').removeClass('highlight');
		});
		$("#login").validate()
	});
	</script>
	
	
<TITLE>我的记账本</TITLE>
</HEAD>
<BODY>
<div>		
<div data-role="page">			
<div data-role="header" data-position="inline" class="ui-header ui-bar-a" role="banner">
	<h1>Login</h1>
</div>		
<div data-role="content">
	<form action="login.php" method="post" data-ajax="false" id="login">
			<ul>
				<li>
					<label for="email"><span class="required">Email address</span></label>
					<input id="email" name="email" type="text"  class="ui-widget-content" required/>
					
				</li>
				<li>
					<label for="password"><span class="required">Password</span></label>
					<input  id="password" minlength="4" maxlength="20" name="password" type="password" class="ui-widget-content" required />
				</li>
			</ul>
		<fieldset class="submit">
			<input type="submit" class="button" value="Login..." />
		</fieldset>

	</form>
	</div>

	<div data-role="footer">
	<h4>我们的目标就是存钱!</h4>
	</div>

</div>
</BODY>
</HTML>
